<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="norton-safeweb-site-verification" content="2dd5i0eluko9gv1m6ruyxl-qzse9q4kqznhrnonxz4nmfnantkbsnrsx3poxo042hn4zy9ngo31dxytdlx1j4w-2u8b-gbaeh3yybkcyeoi0-n5vxfcs8h7179yaty55" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
				
		<title>Vital Signs Project</title>
		
		<link rel="stylesheet" type="text/css" href="css/style-AboutUs.css">
		
		<script src="js/plugins/css3-mediaqueries.js"></script>
		
		<!--[if lt IE 9]>
			<script>
				document.createElement('header');
				document.createElement('nav');
				document.createElement('section');
				document.createElement('article');
				document.createElement('aside');
				document.createElement('footer');
				
				window.IE8 = true;
			</script>
			
			<link rel="stylesheet" type="text/css" href="css/ie-fix/ie8.css">
		<![endif]-->
		
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		
		<script src="config.js"></script>
		
		<script src="js/plugins/queryLoader.custom.js"></script>
		<script src="js/plugins/jq.countdown.min.js"></script>
		<script src="js/plugins/easing.js"></script>
		
		<script src="js/preloader.js"></script>
		<script src="js/countdown.js"></script>
		<script src="js/slider.js"></script>
		<script src="js/menu.js"></script>
		
		<script src="js/main.js"></script>
	</head>
	
	<body>
		
		<!-- PRE-LOADER -->
		<section id="pre-loader" class="not-ready">
			<div class="text">
				<h1>Loading</h1>
				<div class="progress-bar">
					<div class="perc">0%</div>
					<div class="line"></div>
				</div>
			</div>
			<div class="squares"></div>
		</section>
		<!-- // PRE-LOADER -->
		
		<!-- SLIDER -->
		<section id="slider">
			<div class="pattern"></div>
			<div class="photos">
				<div class="n"></div>
				<div class="b"></div>
			</div>
		</section>
		<!-- // SLIDER -->
		
		<!-- MENU -->
		<section id="menu">
			<ul>
				<li class="slider curr" data-desc="Home" data-id="#mid-header" > <a href="www.vitalsigns.com"> </a> </li>
				<li class="subscribe" 	data-desc="Subscribe on newsletter" data-id="#newsletter"> </li>
				<li class="about" 		data-desc="About us" data-id="#about"> </li>
				<li class="feedback" 	data-desc="Have any questions?" data-id="#feedback"> </li>
			</ul>
			<div class="desc">w</div>
		</section>
		<!-- // MENU -->
		
		<!-- COUNTDOWN -->
		<section id="mid-header">
			
			<div class="logo">Vital Signs</div>
			<div class="descr">OUR WEBSITE IS COMING SOON</div>

			<div id="countdown">
				<div class="body">
					<div id="days">
						<canvas></canvas>
						<div class="info">
							<div class="num">--</div>
							<div class="label">days</div>
						</div>
					</div>
					
					<div id="hrs">
						<canvas></canvas>
						<div class="info">
							<div class="num">--</div>
							<div class="label">hours</div>
						</div>
					</div>
					
					<div id="min">
						<canvas></canvas>
						<div class="info">
							<div class="num">--</div>
							<div class="label">minutes</div>
						</div>
					</div>
					
					<div id="sec">
						<canvas></canvas>
						<div class="info">
							<div class="num">--</div>
							<div class="label">seconds</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- // COUNTDOWN -->
		
		<!-- NEWSLETTER -->
		<section id="newsletter" class="page">
			<h2>Be the first to know about the launch</h2>
			<div class="body">
			
				<h3 class="first">Subscribe on newsletter</h3>
			
				<form action="engine/subscribe.php" method="post">
					<div>
						<span>Email</span>
						<input type="text" name="email" autocapitalize="off" autocorrect="off" value="" placeholder="example@domain.com" >
						<button>Send</button>
					</div>
					<div class="info">We never send spam.</div>
				</form>
				
				<div id="newsletter-response">
					<div class="loader"></div>
					<div class="resp"></div>
				</div>
				
				<h3>or follow us</h3>
				
				<ul class="social">
					<li class="rss"><a href="#" ></a></li>
					<li class="facebook"><a href="https://www.facebook.com/ProyectoSignosVitales"> </a></li>
					<li class="twitter"><a href="https://twitter.com/InfoVitalSigns"> </a></li>
					<li class="blogger"><a href="http://www.vitalsignsproject.blogspot.com"> </a></li>
					<li class="tumblr"><a href="#"> </a></li>
				</ul>
			</div>
		</section>
		<!-- // NEWSLETTER -->
		
		<!-- ABOUT -->
		<section id="about" class="page">
			<h2>Some information about us</h2>
			<div class="body">
				
				<h3 class="first">What  are we doing?</h3>
				
				<div class="descr">
			We are a team of engineers who are developing a large-scale
			 device based on an innovative and efficient idea. We are working in the field of biomedicine. 			</div>
				
				<h3 class="first">Our team</h3>
				
				<ul class="team">
					<li>
						<div class="photo" style="background-image: url(img/team/1.png)"> </div>
						<div class="name">Sergio Elvira</div>
						<div class="off">CEO Project</div>
					</li>
					
					<li>
						<div class="photo" style="background-image: url(img/team/3.png)"> </div>
						<div class="name">Tomás Ariza</div>
						<div class="off">Business Manager</div>
					</li>
					
					<li class="no-pic">
						<div class="photo" style="background-image: url(img/team/2.png)"> </div>
						<div class="name">Jose Manuel Romero</div>
						<div class="off">Production Manager</div>
					</li>
				</ul>
				
				<div class="etc"> </div>
			</div>
		</section>
		<!-- // ABOUT -->
		
		<!-- FEEDBACK -->
		<div id="feedback" class="page">
			<h2> Do you have any questions? Let us know!</h2>
			<div class="body">
				<div class="descr">
			If you have any questions or suggestions regarding to the project please 
			feel free to contact us. We will be pleased to solve any doubts that you could experience.			</div>
			
				<form action="engine/feedback.php" method="post">
					<div>
						<span>Name</span>
						<input type="text" name="name" value="" placeholder="Your Name Here">
					</div>
					
					<div>
						<span>Email</span>
						<input type="email" name="email" autocapitalize="off" autocorrect="off" value="" placeholder="example@domain.com">
					</div>
					
					<div><textarea name="message" placeholder="Message"> </textarea></div>
					
					<div class="code">
						<div><span>Code</span></div>
						<div><input type="text" name="captcha" value="" placeholder=""></div>
						<div class="cp">
							<div> </div>
						</div>
						<div class="last">
							<button>Send</button>
						</div>
						<i class="clear" style="display: block"></i>
					</div>
				</form>
				
				<div id="feedback-response">
					<div class="loader"></div>
					<div class="resp"></div>
				</div>
			</div>
		</div>
		<!-- // FEEDBACK -->
		
		<div id="ct" style="display: none;"></div>
	</body>
</html>